@import url('./vars.less');
.agency-info{
    .SomeDescription{
        .am-list-body{
            .am-list-item{
                background:@SomeDescriptionHeaderbg;
                .am-list-line{
                    .am-list-content{
                        color: @yhTextColorL;
                        font-size: 14px;
                        text-align: left;
                        line-height: 20px;
                        padding-top:6px;
                    }
                    .am-list-extra{
                        color:@yhTextColorD;
                    }
                }
            }
        }
    }
    .talantInfo{
        padding: 0;
        min-height: 0;
        box-sizing: border-box;
        &::before{
            border: none;
        }
        .am-card-body{
            padding: 1px 0;
            &::before{
                height: 0;
            }
            .talantInfoGrid {
                height: 85px;
                img {
                    width: 56px;
                    height: auto;
                    border-radius: 50%;
                }
                .number {
                    font-size: @yhTextL;
                    color: @yhTextColorD;
                }
                .title {
                    font-size: @yhTextS;
                    color: @yhTextColor2;
                    margin-bottom: 12px;
                }
            }
        }
    }
    .chart-container{
        background: #fff;
        padding-bottom: 10px;
        canvas{
            width: 100% !important;
        }
        .btn-more{
            display: block;
            width: 144px;
            height: 28px;
            left: 135px;
            top: 410px;
            color: rgba(172, 51, 193, 1);
            background-color: rgba(255, 255, 255, 1);
            border-radius: 14px;
            font-size: 12px;
            line-height: 28px;
            border: rgba(172, 51, 193, 1) solid 1px;
            text-align: center;
            margin: 0 auto;
        }
    }
    .talents-content{
        overflow: hidden;
        .talent-left{
            width: 60%;
            height: 230px;
            background-color: #fff;
            float: left;
            position: relative;
            .chart-icon{
                position: absolute; 
                width: 50px;
                height: 50px;
                left: 16px;
                top: 43px;
            }
            .chart-desc{
                position: absolute;
                right: 15px;
                top: 21px;
                li{
                    margin-bottom: 20px;
                    .desc-title{
                        font-size: @yhTextS;
                        color: @yhTextColor1;
                    }
                    .desc-num{
                        font-size: @yhTextL;
                        color: @yhTextColorD;
                        margin-left: 15px;
                    }
                }
                
            }
            canvas{
                width: 100% !important;
                margin-top: 130px;
            }
        }
        .talent-right{
            width: 38%;
            float: right;
            .info-list{
                height: 72px;
                background-color: #fff;
                margin-bottom: 7px;
                padding: 15px 10px 15px 0;
                box-sizing: border-box;
                text-align: right;
                &:last-of-type{
                    margin-bottom: 0;
                }
                .info-title{
                    margin: 0;
                    margin-bottom: 8px;
                    font-size: @yhTextS;
                    color: @yhTextColor1;
                }
                .info-number{
                    margin: 0;
                    font-size: @yhTextM;
                    color: @yhTextColorD;
                }
            }
        }
    }
    .my-list{
        .am-list-body{
            .am-list-item{
                .am-list-content{
                    font-size: @yhTextM;
                    color: @yhTextColor2;
                    span{
                        font-size: @yhTextS;
                        color: @yhTextColorD;
                    }
                    .am-list-brief{
                        font-size: @yhTextS;
                    }
                }
                .am-list-extra{
                    font-size: @yhTextS;
                    color: @yhTextColorD;
                }
                .am-list-arrow{
                    width: 10px;
                    height: 10px;
                }   
            }
        }
    }
}
 